<template>
  <div>
    <h1>axios</h1>
    <button @click="sendPost">发送post</button>
  </div>
</template>

<script>
import axios from "axios";
export default {
  async mounted() {
    /*  axios
      .get("http://localhost:8000/search_info_not")
      .then((res) => {
        console.log(res);
      })
      .catch((err) => {
        console.log(err);
      }); */

    // promise是异步微任务  同步  async await
    // await 后面一跟promise对象，它的返回值为promise对象的成功状态的值

    let result = await axios.get("http://localhost:8000/search_info_not");

    console.log(result);
    console.log(result.data);
    /* 
    响应的结构
    data  服务器提供的响应的内容
    status  服务器的http状态码
    statusText 服务器响应的http状态信息
    headers  服务器的响应头
    request  请求
    config    请求配置相关信息
    */
  },
  methods: {
    sendPost() {
      axios.post("http://localhost:8000/studyAxiosPost").then((res) => {
        console.log(res);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
</style>